<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
</head>
<body>
    <div id="app">
        <my-com2></my-com2><br/>
        <my-com3></my-com3>
    </div>
    <script>
        Vue.component('myCom2',Vue.extend({
            template:'<div>这是直接使用 Vue.component 创建的组件myCom2</div>'
        }))
        Vue.component('myCom3',{
            template:'<div>这是直接使用 Vue.component 创建的组件myCom3</div>'
        })
        var app=new Vue({
            el:'#app'
        })
    </script>
</body>
</html>